html,body{
    background-color: #f4f4f4;
}
.commodity{
    height:2.32rem;
    border-radius:.06rem;
    background-color:#fff;
    margin:.2rem .3rem;
    position: relative;
}
.commoditys{
    width:1.86rem;
    height:1.86rem;
    position: absolute;
    /*background-color: #23d1c3;*/
    top:.23rem;
    left:.25rem;
}
.commoditys img{
    width:100%;
    height:100%;
}
.commo{
    width:4.5rem;
    height:1.86rem;
    /*background-color: #64b0fb;*/
    position: absolute;
    top:.23rem;
    left:2.32rem;
}
.commo-one{
    margin-top:.08rem;
    font-size:.3rem;
    color:#333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.commo-two{
    margin:.18rem 0;
    font-size:.24rem;
    color:#666;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.commo span{
    font-size:.26rem;
    color:#333;
}
.money{
    font-size:.26rem;
    color:#ff0000;
}
.moneys{
    font-size:.26rem;
    color:#333;
    margin-left:.3rem;
}
.supermarket{
	 width: 100%;
    /* padding-top: 1.28rem; */
    /* background-color: #f4f4f4; */
    position: absolute;
    top: 1.5rem;
    /* bottom: 1rem; */
    overflow-y: scroll;
}

   